{include file="public/header0,public/header1"}

<!-- 页体 -->
<div class="mdui-container">
    <div class="js-only" id="{$id}" aria-disabled="true"></div>
    <h1 class="mdui-text-color-theme mdui-p-t-2">{$title}</h1>

    <!-- 自适应-电脑 -->
    <div class="mdui-row mdui-hidden-xs-down">
        <div class="mdui-col-xs-12 mdui-col-sm-9">

            <div class="mdui-card mdui-p-y-1">
                <div class="mdui-col-xs-6 mdui-col-md-3">
                    <div class="mdui-card-media">
                        <img class="js-project-image mdui-img-fluid"
                            src="https://file.fatda.cn/directlink/Loc-1/1920x1080%E5%9F%BA%E5%9B%BE-%E5%8E%8B%E7%BC%A92.gif" />
                    </div>
                </div>

                <div class="mdui-col-xs-6 mdui-col-md-9">
                    <div class="js-project-name mdui-typo-title mdui-p-t-1">项目加载中</div>
                    <div class="js-project-price indexBox-text mdui-typo-title mdui-text-color-theme-accent mdui-p-t-1">
                        ￥加载中
                    </div>
                    <div class="mdui-divider"></div>
                    <div class="mdui-p-t-1">
                        <div class="mdui-row-xs-2">
                            <div class="js-project-sellnum mdui-col mdui-p-t-1">...</div>
                            <div class="js-project-releasedate mdui-col mdui-p-t-1">...</div>
                            <div class="mdui-col mdui-p-t-1">...</div>
                            <div class="mdui-col mdui-p-t-1">...</div>
                        </div>
                    </div>
                    <div class="mdui-float-right mdui-p-t-2">
                        <button class="mdui-btn mdui-btn-dense mdui-color-theme-accent mdui-ripple">获 取(待开发)</button>
                    </div>
                </div>
            </div>

        </div>

        <div class="mdui-col-xs-12 mdui-col-sm-3">
            <div class="mdui-card mdui-typo mdui-m-b-2">

                <div class="mdui-card-header">
                    <div class="mdui-card-header-avatar">
                        <img class="js-user-avatar" src="https://file.fatda.cn/directlink/Loc-1/steve.jpeg">
                    </div>
                    <div class="mdui-card-header-title mdui-text-color-theme-accent">
                        <a href="#" class="js-user-username" rel="external nofollow">作者名</a>
                    </div>
                    <div class="mdui-card-header-subtitle">暂无</div>
                </div>

            </div>
        </div>

    </div>

    <!-- 自适应-手机 -->
    <div class="mdui-row mdui-hidden-sm-up">
        <div class="mdui-col-xs-12">

            <div class="mdui-card mdui-p-y-2">

                <div class="mdui-col-xs-5">
                    <div class="mdui-card-media">
                        <img class="js-project-image" style="width: 130px;" src="https://file.fatda.cn/directlink/Loc-1/1920x1080%E5%9F%BA%E5%9B%BE-%E5%8E%8B%E7%BC%A92.gif" />
                    </div>
                </div>

                <div class="mdui-col-xs-7">
                    <div class="js-project-name mdui-typo-title mdui-p-t-1">项目名加载中</div>
                    <div class="js-project-price indexBox-text mdui-typo-title mdui-text-color-theme-accent mdui-p-t-1">
                        ￥加载中
                    </div>
                    <div class="mdui-divider"></div>
                    <div class="mdui-p-t-1">
                        <div class="mdui-row-xs-2">
                            <div class="js-project-sellnum mdui-col">...</div>
                            <div class="js-project-releasedate mdui-col">...</div>
                            <div class="mdui-col">...</div>
                            <div class="mdui-col">...</div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="mdui-card mdui-p-a-1">

                <button class="mdui-btn mdui-btn-block mdui-color-theme-accent mdui-ripple">获取(待开发)</button>

            </div>

            <div class="mdui-card mdui-typo mdui-m-t-2">

                <div class="mdui-card-header">
                    <div class="mdui-card-header-avatar">
                        <img class="js-user-avatar" src="https://file.fatda.cn/directlink/Loc-1/steve.jpeg">
                    </div>
                    <div class="mdui-card-header-title mdui-text-color-theme-accent">
                        <a href="#" class="js-user-username" rel="external nofollow">作者名</a>
                    </div>
                    <div class="mdui-card-header-subtitle">暂无</div>
                </div>

            </div>

        </div>

    </div>

    <div class="mdui-row">
        <div class="mdui-col-xs-12 mdui-col-sm-9">

            <!-- 组件1 -->
            <div class="mdui-row mdui-p-t-2">
                <div class="mdui-col-xs-12">

                    <div class="mdui-card">
                        <div class="mdui-tab mdui-tab-full-width" mdui-tab>
                            <a href="#js-project-introduce" class="mdui-ripple">项目介绍</a>
                            <a href="#js-project-gx" class="mdui-ripple">更新记录</a>
                            <a href="#js-project-wd" class="mdui-ripple">项目文档</a>
                        </div>
                        <div id="js-project-introduce" class="mdui-p-a-2">加载中</div>
                        <div id="js-project-gx" class="mdui-p-a-2">暂不开放</div>
                        <div id="js-project-wd" class="mdui-p-a-2">暂不开放</div>
                    </div>
                </div>
            </div>

            <!-- 组件2 -->
            <!-- <div class="mdui-row mdui-p-t-2">
                <div class="mdui-col-xs-12">

                    <div class="mdui-card">
                        <div class="mdui-tab mdui-tab-full-width" mdui-tab>
                            <a href="#" class="">交流</a>
                        </div>
                        <div class="mdui-typo">
                            <div class="mdui-m-a-2">

                                <div class="mdui-card-header-avatar">
                                    <img class="avatar"
                                        src="https://gravatar.loli.net/avatar/3639f696540acb8e37e4e6db9c4a8b6c?s=40&amp;d=">
                                </div>

                                <div class="mdui-card-header-title mdui-text-color-theme-accent">
                                    <a href="http://chizg.cn" rel="external nofollow">评论名</a>
                                </div>

                                <div class="mdui-card-header-subtitle">评论日期</div>

                                <div style="margin-left: 52px;" class="mdui-m-b-1">
                                    评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
                                </div>

                                <div class="mdui-text-right">
                                    <a class="mdui-typo-caption" style="cursor:pointer;">回复</a>
                                </div>
                                <div class="mdui-divider"></div>
                            </div>

                            <div class="mdui-m-a-2">

                                <div class="mdui-card-header-avatar">
                                    <img class="avatar"
                                        src="https://gravatar.loli.net/avatar/3639f696540acb8e37e4e6db9c4a8b6c?s=40&amp;d=">
                                </div>

                                <div class="mdui-card-header-title mdui-text-color-theme-accent">
                                    <a href="http://chizg.cn" rel="external nofollow">评论名</a>
                                </div>

                                <div class="mdui-card-header-subtitle">评论日期</div>

                                <div style="margin-left: 52px;" class="mdui-m-b-1">
                                    评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
                                </div>

                                <div class="mdui-text-right">
                                    <a class="mdui-typo-caption" style="cursor:pointer;">回复</a>
                                </div>
                                <div class="mdui-divider"></div>
                            </div>

                            <div class="mdui-p-a-1">
                                <button
                                    class="mdui-btn mdui-btn-block mdui-color-theme-accent mdui-ripple">发 布</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </div>

</div>

{include file="public/footer0"}
    <!-- 页面JS -->
    <script src="https://asstes.hianvil.com/hianvil/main/store/project.js"></script>
{include file="public/footer1"}